.overlay {
	position: fixed;
	left: 0px;
	top: 0px;
	padding-top: 80px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.5);

	.overlay-content{
		width: 620px;
		height: auto;
		background-color: white;
		margin: 0 auto;
		border: solid gray 1px;
		border-radius: 8px;
		padding: 30px;
		position: relative;

		.form-close{
			border: none;
			width: 40px;
			height: 40px;
			font-size: 30px;
			position: absolute;
			right: 30px;
			top: 15px;
			background: white;
			color: gray;
			cursor: pointer;
		}

		.contact-form {
			text-align: left;
 			input,
 			textarea {
    			padding: 0.5em 0.6em;
    			display: inline-block;
    			border: 1px solid #ccc;
    			box-shadow: inset 0 1px 3px #ddd;
    			border-radius: 4px;
    			vertical-align: middle;
    			box-sizing: border-box;
    			*display: inline;
    			*zoom: 1;
    			width: 67%;
			}

			textarea {
				max-height: 150px;
				max-width: 70%;
			}

			fieldset {
				border:none;
			}

 			legend {
    			display: block;
    			width: 100%;
    			padding: 0.3em 0;
    			margin-bottom: 0.3em;
    			color: #333;
    			border-bottom: 1px solid #e5e5e5;
			}

			.validators {
				text-align: center;
			}

 			.form-group {
				margin-bottom: 1em;

 				 .form-label {
    				text-align: left;
    				display: inline-block;
    				vertical-align: middle;
    				width: 9.5em;
    				margin: 0 1em 0 0;

				}
			}

			.telephonegroup {
				display: inline-block;
				width:70%;

				input {
					width:62.5%;
				}

				select {
					padding:0.1em 0.6em 0px 2px;
					font-size: 12px;
					height:2.6em;
					width: 30%;
				}
			}

			button {
				width:100%
			}

		}
	}

    @media screen and (max-width:600px) {
        .overlay-content{
            overflow: scroll;
            width:100%;
            height: 558px;
            padding:15px;
            position: relative;

            .lightbox-close{
                position:absolute;
                left:90%;
            }
        }
	}
}
